body{
    background: #f8f8f8;
}
.header{
    width: 900px;
    height: 50px;
    background: #12567e;
    position: relative;
    margin: 0 auto;
    margin-bottom: 10px;
}
.header .login{
    width: 32px;
    height: 32px;
    line-height: 50px;
    background: url("../sucai/login.png") no-repeat;
    position: absolute;
    left: 20px;
    top: 10px;
}
.header .welcome{
    color: #ffffff;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 1px;
    margin-left: 75px;
    cursor: pointer;
}
/*header结束*/
/*article开始*/
.article{
    width: 900px;
    height: 500px;
    margin: 0 auto;

}
.article .top{
    width: 100%;
    height: 50px;
    margin-bottom: 5px;
    background: white;
}
.article .top .list,.article .top .tishi a{
    line-height: 50px;

}
.article .top .list{
    float: left;
    margin-left: 10px;
}
.article .top .tishi{
    float: right;
    margin-right: 10px;
}
.article .All{
    width: 100%;
    height: 400px;
    background: white;
    padding-top:20px;
    box-sizing: border-box;
}
.article .All .form{
    width: 600px;
    margin: 0 auto;
    border-top: 1px solid white;
}
.article .All .form .item{
    width: 450px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 15px;
}
.article .All .form .item .user-list,.article .All .form .item .frindtest{
    float: left;
}
.article .All .form .item .frindtest{
    line-height: 30px;
}
.article .All .form .item .user-list{
    display: flex;
    justify-content: center;
    line-height: 30px;
    margin-right: 10px;

}
.article .All .form .item .user-list .user-list-cont{
    border: 1px solid black;
    box-sizing: border-box;
    border-bottom: none;
}
.article .All .form .item .user-list .user-list-cont:first-child{
    margin-top: 10px;
}
.article .All .form .item .user-list .user-list-cont:last-child{
    border-bottom: 1px solid black;
}
.article .All .form .item .user-list .user-list-titel{
    width: 120px;
    text-align: right;
    margin-right: 10px;
}
input{
    width: 180px;
    height: 25px;
    background: none;
    text-indent: 5px;
}
button{
    width: 182px;
    height: 30px;
    background: #0192e8;
    color: white;
    font-size: 18px;
    font-weight: 700;
    margin-left: 205px;
    cursor: pointer;
}
button:hover{
    color: red;
    background: #0192e9;
}
a:hover{
    color: red;
    text-decoration: underline;
}
.frindtest{
    display: none;
}